<template>
  <div class="rigth-option forbid" @click.stop="goOptin">
    <div class="trangle"></div>
    <slot></slot>
  </div>
</template>

<script>
export default {
  
  name: 'OptionRight',
  data() {
    return {
    }
  },
  computed: {
    
  },
  mounted() {
    
  },
  methods: {
    goOptin(e) {
      e.stopPropagation();
    }
  },
}
</script>

<style lang="less" scoped>
  .rigth-option {
    position: absolute;
    left: 410px;
    top: 38px;
    width: 420px;
    text-align: left;
    padding: 12px 10px;
    background: #f8f8f8;
    border-radius: 5px;
    border: 1px solid #e5e5e5;
    font-size: 12px;
    z-index: 5;
    &:hover {
      cursor: default;
    }
		.trangle {
			border-color: transparent;
			border-right-color: #e5e5e5;
			border-style: solid;
			border-width: 7px;
			height: 0;
			width: 0;
			position: absolute;
			left: -14px;
			top: 9px;
		}
  }
</style>